/*nav导航中消息公告便民服务*/
.notice{ width: 180px; position: absolute; height: 480px; background: #fff; right: 0; top:40px; z-index: 100;}
.notice-title{ height: 31px; border-bottom: 1px solid #ededed; line-height: 30px;}
.notice-title a{ float: right; padding-right: 10px;}
.notice-title ul{ list-style: none; float: left; margin: 0; padding: 0;}
.notice-title li{ width: 50px;height: 31px; text-align: center; float: left; position: relative; cursor: default;}

.notice-title li:after{ content: ""; display: block; position: absolute; left: 0; bottom: 0; height: 2px; font-size: 0; width: 0; transition:all 0.25s ease; background: #FF4081;}
.notice-title li.active:after{ width: 100%;}

.notice-content{ padding: 0 10px 0 5px; height: 94px; overflow: hidden;}
.notice-content ul{ padding-top: 5px;}
.notice-content li{ line-height: 28px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.service-hot{height: 355px;}
.service-hot li{ height: 71px; overflow: hidden; width: 50%; float: left; text-align: center; border-top:1px solid #ededed; border-right: 1px solid #ededed;}
.service-hot li:nth-child(2n){border-right: none;}
.service-hot li a{ display: block; padding: 8px;}
.service-hot li span{ font-size: 0.24rem;}
.service-hot li p{ line-height: 20px;}
